{extend name="common/userbase"} 
{block name="header_js"}
<script src="__STATICS__/js/footer.js" type="text/javascript"></script>
{/block}
{block name="slide"} 
<title>用户中心</title>
{/block}
{block name="content"}
<!--内页样式-->
<div class="user_style clearfix" id="user">
		<div class="user_title"><em></em>用户中心</div>
		<!--用户中心布局样式-->
		 <!--栏目名称-->
		 <div class="user_left">
			<div class="user_info">
				<div class="Head_portrait"><img src="__STATICS__/images/people.png"  width="80px" height="80px"/><!--头像区域--></div>
				<div class="user_name">{:session('nickname')}<a href="#">[个人资料]</a></div>
			</div>
			<ul class="Section">
				<li><a href="{:url('user/center')}"><em></em><span>我的特色馆</span></a></li>
				<li><a href="{:url('user/info')}"><em></em><span>完善个人信息</span></a></li>
				<li><a href="{:url('user/password')}"><em></em><span>修改密码</span></a></li>
				<li><a href="{:url('user/orders')}"><em></em><span>我的订单</span></a></li>
				<li><a href="{:url('user/message')}"><em></em><span>我的评论</span></a></li>
				<li><a href="{:url('user/integral')}"><em></em><span>我的积分</span></a></li>
				<li><a href="{:url('user/collect')}"><em></em><span>我的收藏</span></a></li>
				<li><a href="{:url('user/address')}"><em></em><span>收货地址管理</span></a></li>
			</ul>
		</div>
	   <!--右侧内容展示-->
		<div class="right_style r_user_style">
		<div class="Notice"><span>系统最新公告:</span>为了更好地服务于【每日鲜】的会员朋友及读者 发表意见。</div> 
		 <!--用户基本信息-->
		 {foreach name="userinfo" id="val"}
		 <div class="clearfix">
		  <div class="user_info clearfix">
			   <div class="user_name_info">
				<ul>
				 <li class="us_one">
				  <div class="name left">用户名:<b>{:session('nickname')}</b>,  欢迎你 [<a href="{:url('password')}">修改密码</a>]  </div>
				  <div class="right time"> <span>上次访问时间：2015-5-21 10:23</span></div>
				</li>
				<li class="us_two"> 
				<dl><dt class="left">账户余额：</dt><dd>￥<b>0</b>元</dd></dl>
			 <dl><dt class="left">账户积分：</dt><dd><b>{$val.integral}</b>分 &nbsp;<a href="#">[积分商城]</a></dd></dl>
			 <dl><dt class="left">用户等级：</dt><dd><b>{$val.name}</b></dd></dl>
			</li>
			<li class="us_Order">
			 <dl><dt class="left">未完成订单：</dt><dd><a href="#">0</a></dd></dl>
			 <dl><dt class="left">完成订单：</dt><dd><a href="#">2</a></dd></dl>
			</li>
			<li class="us_four">
			<div class="Address"><em></em><a href="{:url('address')}">地址管理&gt;</a></div>
			</li>
		   </ul>
		  </div>
		 </div>  
		</div>
		{/foreach}
		<!--订单-->
		 <div class="user_info_p_s clearfix">
		  <div class="left_user_cont">
		   <div class="us_Orders left clearfix">
		<div class="Orders_name">
		 <div class="title_name">
		 <div class="Records">购买记录</div>
		 <div class="right select">
		 只记录你最近30天的购买记录   </div>
		 </div>   
		</div>
		<table>
		<thead>
		<tr>
		 <th>产品名称</th>
		 <th>数量</th>
		 <th>状态</th>
		 <th>操作</th>
		 </tr>
		</thead>
		<tbody>
		{foreach name="ordersinfo" id="val"}
		 <tr>
		  <td class="img">
	  <a href="#"><span class="left"><img src="__UPLOADS__/{$val.img}"></span>
		  <span class="left">{$val.shopname}</span></a>
		  </td>
		  <td>{$val.number}</td>
		  <td>{$val.state}</td>
		  <td><a href="{:url('user/orders')}">查看</a></td>
		 </tr>
		{/foreach}
		 </tbody>
		</table>
		 <div class="us_jls">共{$shopnum}条记录</div>
		</div>
		  </div> 
		  <!--右侧记录样式-->
		  <div class="right_user_recording">
		  <div class="us_Record">
			<div id="Record_p" class="Record_p">
			  <div class="title_name">
			  <span class="name left">浏览历史</span>
			   <span class="pageState right"><span>1</span>/7</span>		</div>
		   
							  <div class="hd">
								  <a class="next">&lt;</a>
								  <a class="prev">&gt;</a>						</div>
							  <div class="bd">
							  <ul >
							  <li class="clone">
								  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/11.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>	
									  </li>
								  <li >
								  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/11.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>		
								  </li>
									  <li >
									  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/9.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>	
									  </li>
									  <li >
										  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/8.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>							
									  </li>
									  <li >
										  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/7.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>							
									  </li>
										  <li >
										  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/6.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>				
									  </li>
										  <li >
										  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/5.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>	
									  </li>
										  <li >
										  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/3.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>	
									  </li>
									  <li class="clone" >
								  <div class="p_width">
									  <div class="pic"><a href=""><img src="__STATICS__/Products/12.jpg"></a></div>	
									  <div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
									  <div class="Purchase_info"><span class="p_Price">￥32.50</span> <a href="#" class="Purchase">立即购买</a></div>
								  </div>		
								  </li></ul></div>
							  
						  </div>
						  <script type="text/javascript">jQuery("#Record_p").slide({ mainCell:".bd ul",effect:"leftLoop",vis:1,autoPlay:false });</script>
			  </div>
		  </div>
		 </div>
		 <!--收藏商品-->
		 <div class="Collections_p">
		 <div class="title_name">收藏的商品</div>
		  	<div id="Collect_Products" class="Collect_Products">
				<div class="hd">
					<a class="next">&lt;</a>
					<a class="prev">&gt;</a>
				</div>
				<div class="bd">
					<ul >
						{foreach name="collect" id="val"}
						<li class="clone" style="float: left; width: 160px;">
							<div class="pic"><a href=""><img src="__UPLOADS__/{$val.img}"></a></div>	
							<div class="title"><a href="#" class="shopname">{$val.shopname}</a></div>
							<div class="p_Price">￥{$val.discount}.00</div>		
						</li>
						{/foreach}
					</ul>
				</div>
				<script>
					$('.shopname').each(function(i){
						var name = $('.shopname').eq(i).text();
						name = name.substring(0,20);
						$('.shopname').eq(i).html(name+'...');
					})
					
				</script>
			</div>
						  
		  <script type="text/javascript">jQuery("#Collect_Products").slide({ mainCell:".bd ul",effect:"leftLoop",vis:5,autoPlay:false });</script>
	   </div>
		 <!--结束-->
	   </div>
	  </div>
{/block}
